<template>
	<view>
		<!-- #ifdef MP-WEIXIN -->
		<chat></chat>

		<!-- #endif -->
		<!-- #ifdef H5 -->
		<view class=""><span class="mybtns" @click="toscs">点击</span></view>
		<!-- <web-view v-if="url" :webview-styles="webviewStyles" :src="url"></web-view> -->
		<!-- #endif -->
	</view>
</template>

<script>

export default {
	data() {
		return {
			webviewStyles: {
				progress: {
					color: '#FF3333'
				}
			},
			url: ''
			// url:'https://yzf.qq.com/xv/web/static/chat/index.html?sign=37ef9b97d671549374469bbc15e2b065587954fe379755aba7c1b923a281048ec7c64097967ebe4a100aea5c3c7c4d0a19a695ed'
		};
	},
	created() {
	},
	async onLoad() {
		await this.$getWx
		this.getintegralBalance();
	},
	methods: {
		getintegralBalance() {
			this.$http('/configuration/customerService', {}, 'GET').then(res => {
				let customerService = res.data.msg;
				if(customerService&&customerService.is_open){
					// #ifdef H5
					this.url = 'https://yzf.qq.com/xv/web/static/chat/index.html?sign=' + customerService.wechat;
					// #endif
					// #ifdef MP-WEIXIN
					let plugins=getApp().globalData.plugins
					if(plugins&&plugins.indexOf('txyzf')>-1){
						this.chat = requirePlugin('txyzf');
					}
					this.wxinit(customerService.wechata);
					// #endif
				}else{
					uni.showModal({
						title:'提示',
						content:'未开启在线客服',
						showCancel: false,
						success(e) {
							uni.navigateBack({});
						}
					})
				}
			});
		},
		toscs() {
			window.location.href = this.url;
		},
		wxinit(sign) {
			this.chat.init({
				sign: sign, //必传，公司渠道唯一标识
				token: '', //非必填
				uid: '', //用户唯一标识，如果没有则不填写，默认为空
				title: '', //非必填，如果未填写，默认获取配置标题
				isRMB: '', //商品是否显示人民币￥,默认显示，false不显示
				data: {
					//参数c1,c2,c3,c4,c5用于传递用户信息，参数d1,d2,d3,d4,d5用于传递商品信息，默认为空
					c1: '',
					c2: '',
					c3: '',
					c4: '',
					c5: '',
					d1: '', //商品描述
					d2: '', //价格
					d3: '', //原价格
					d4: '', //展示商品图片链接
					d5: '', //商品跳转链接
					d6: '', //商品id
					data: '' //加密串,非必填
				},
				viewUrl(res) {
					//需要跳转的链接，则需要配置一个web-view
					if (res) {
						wx.navigateTo({
							url: '/pages/webview/index?href=' + res
						});
					}
				},
				setTitle(res) {
					//设置标题
					if (res) {
						wx.setNavigationBarTitle({
							title: res
						});
					}
				},
				setBarColor(res) {
					//设置导航栏背景色
					if (res) {
						wx.setNavigationBarColor({
							frontColor: '#ffffff',
							backgroundColor: res
						});
					}
				},
				success(res) {
					//初始化成功时调用
					if (res.data == 'success') {
						console.log('success');
					}
				},
				fail(res) {
					//初始化失败时调用
					if (res.data == 'initError') {
						console.log('initError');
					}
				},
				leave(res) {
					//离开会话页面
					if (res) {
						console.log(res);
					}
				}
			});
		}
	}
};
</script>



<!--  <script>
    //参数说明
    //sign：公司渠道唯一标识，复制即可，无需改动
    //uid：用户唯一标识，如果没有则不填写，默认为空
    //data：用于传递用户信息，最多支持5个，参数名分别为c1,c2,c3,c4,c5；默认为空
    //selector：css选择器(document.querySelector, 如#btnid .chat-btn等)，用于替换默认的常驻客服入口
    //callback(type, data): 回调函数,type表示事件类型， data表示事件相关数据
    //type支持的类型：newmsg有新消息，error云智服页面发生错误， close聊天窗口关闭
   
    //window.yzf.close() 关闭1已打开的回话窗口
</script> -->
